<?php
use frontend\assets\AppAsset;
use yii\helpers\Url;
use yii\bootstrap\ActiveForm;

AppAsset::register($this);
$this->title = '首页';
$this->params['breadcrumbs'][] = $this->title;
$image_bath_url = Yii::$app->params['imageBathUrl'];
?>
<?php
AppAsset::addCss($this,$image_bath_url."/static/pc/css/util/flickity.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/login.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/footer.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/index/index.css");
?>
<section>
    <div class="banner">
        <ul class="banner-list gallery">
            <li class="banner-item cell">
                <a href="javascript:;">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/KV_PC.png" alt="1"/>
                </a>
                <div class="banner-info mid">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/KV-FONT.png" alt="font"/>
                    <a href="javascript:;" class="btn">查看详情 > </a>
                </div>
            </li>
            <li class="banner-item cell">
                <a href="javascript:;">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/KV_PC.png" alt="1"/>
                </a>
                <div class="banner-info mid">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/KV-FONT.png" alt="font"/>
                    <a href="javascript:;" class="btn">查看详情 > </a>
                </div>
            </li>
            <li class="banner-item cell">
                <a href="javascript:;">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/KV_PC.png" alt="1"/>
                </a>
                <div class="banner-info mid">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/KV-FONT.png" alt="font"/>
                    <a href="javascript:;" class="btn">查看详情 > </a>
                </div>
            </li>
        </ul>
    </div>
</section>
<!-- banner End -->
<!-- 品牌街 -->
<section class="clear">
    <div class="brands mt">
        <div class="w">
            <h3 class="title mb">品牌街</h3>
            <ul class="brands-list gallery">
                <li class="brands-item fl cell">
                    <a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_01.png" alt="1"/>
                    </a>
                </li>
                <li class="brands-item fl cell">
                    <a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_02.png" alt="2"/>
                    </a>
                </li>
                <li class="brands-item fl cell"><a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_03.png" alt="3"/>
                    </a></li>
                <li class="brands-item fl cell">
                    <a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_04.png" alt="4"/>
                    </a>
                </li>
                <li class="brands-item fl cell">
                    <a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_05.png" alt="5"/>
                    </a>
                </li>
                <li class="brands-item fl cell">
                    <a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_04.png" alt="4"/>
                    </a>
                </li>
                <li class="brands-item fl cell"><a href="javascript:;">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/PPJ_PC_03.png" alt="3"/>
                    </a></li>
            </ul>
        </div>
    </div>
</section>
<!-- 品牌街 End -->
<!-- 引导banner -->
<section>
    <div class="enter_banner mt">
        <div class="w">
            <div class="enter_banner_item item_1 mb pr">
                <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_01.png" alt="bed">
                <div class="enter_banner_info pa">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner01_font.png" alt="bedInfo">
                    <a href="javascript:;" class="link-more mid">查看更多 > </a>
                </div>
            </div>
            <div class="enter_banner_item item_2 mb ">
                <div class="item_left fl pr">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_02.png" alt="room"/>
                    <div class="enter_banner_info pa">
                        <h4>客厅 <span>装饰物</span></h4>
                        <a href="javascript:;" class="link-more">查看更多 > </a>
                    </div>
                </div>
                <div class="item_right fr pr">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_03.png" alt="3"/>
                    <div class="enter_banner_info pa">
                        <h4>餐桌 <span>小饰品</span></h4>
                        <a href="javascript:;" class="link-more">查看更多 > </a>
                    </div>
                </div>
            </div>
            <div class="enter_banner_item item_3">
                <div class="item_left fl pr">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_04.png" alt="4"/>
                    <div class="enter_banner_info pa">
                        <h4>阳台 <span>沙发及窗帘</span></h4>
                        <a href="javascript:;" class="link-more">查看更多 > </a>
                    </div>
                </div>
                <div class="item_right fr pr">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_05.png" alt="4"/>
                    <div class="enter_banner_info pa">
                        <h4>餐桌 <span>小饰品</span></h4>
                        <a href="javascript:;" class="link-more">查看更多 > </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 引导banner End -->
<!-- 热卖商品 -->
<section>
    <div class="hot mt">
        <div class="w">
            <h3 class="title">热卖商品</h3>
            <div class="gallery" id="hot-list">
                <ul class="hot-list mt cell">
                    <li class="hot-item h1 fl pr">
                        <a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_01.png" alt="h1"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a>
                    </li>
                    <li class="hot-item h2 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_02.png" alt="h2"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>
                    <li class="hot-item h3 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_05.png" alt="h5"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>
                    <li class="hot-item h4 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_03.png" alt="h3"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>
                    <li class="hot-item h5 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_04.png" alt="h4"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>

                </ul>
                <ul class="hot-list mt cell">
                    <li class="hot-item h1 fl pr">
                        <a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_01.png" alt="h1"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a>
                    </li>
                    <li class="hot-item h2 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_02.png" alt="h2"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>
                    <li class="hot-item h3 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_05.png" alt="h5"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>
                    <li class="hot-item h4 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_03.png" alt="h3"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>
                    <li class="hot-item h5 fl pr"><a href="javascript:;">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/rmsp_pc_04.png" alt="h4"/>
                            <div class="hot-info mid">
                                <h4>MAGIS<span>人气商品</span></h4>
                                <p>MGS- chairone_stacking_BIG_2</p>
                            </div>
                        </a></li>

                </ul>
            </div>
        </div>
    </div>
</section>
<!-- 热卖商品 End -->
<!-- 专题精选 -->
<section>
    <div class="jx-brands mt">
        <div class="w mb">
            <h3 class="title">专题精选</h3>
        </div>
        <div class="jx-brands_item jx_item_1 pr mb">
            <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner_01.png" alt="jx1" class="bgimg">
            <div class="jx-brands-info pa">
                <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner01_font.png" alt="jx1_info">
                <a href="javascript:;" class="link-more">查看更多 > </a>
            </div>
        </div>
        <div class="jx-brands_item jx_item_2 pr mb">
            <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner_02.png" alt="jx1" class="bgimg">
            <div class="jx-brands-info pa">
                <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner02_font.png" alt="jx1_info">
                <a href="javascript:;" class="link-more">查看更多 > </a>
            </div>
        </div>
        <div class="w">
            <div class="jx-brands_item jx_item_3">
                <div class="jx_item_left fl pr">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner_03.png" alt="jx3" class="bgimg">
                    <div class="jx_item_info pa">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner03_font.png" alt="jx3_info"/>
                        <a href="javascript:;" class="link-more">查看更多 > </a>
                    </div>
                </div>
                <div class="jx_item_right fr">
                    <div class="right_item item_1 pr mb">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner_04.png" alt="jx4" class="bgimg">
                        <div class="jx_item_info pa">
                            <span class="icon icon-video"></span>
                            <dl class="d_l">
                                <dd class="h5">全世界最性感的家具</dd>
                                <dd class="h6">-----小幔爱生活</dd>
                            </dl>
                        </div>
                    </div>
                    <div class="right_item item_2 pr">
                        <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner_05.png" alt="jx5" class="bgimg">
                        <div class="jx_item_info pa">
                            <img src="<?=$image_bath_url ?>/static/pc/image/index/ztjx_banner05_font.png" alt="jx5_info"/>
                            <a href="javascript:;" class="link-more new-link-more">查看更多 > </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="jx-brands_item jx_item_4 mt pr mb">
                <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_06.png" alt="jx6" class="bgimg">
                <div class="jx_item_info pa">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner06_font.png" alt="jx5_info"/>
                    <a href="javascript:;" class="link-more new-link-more">查看更多 > </a>
                </div>
            </div>
            <div class="jx-brands_item jx_item_5 pr">
                <img src="<?=$image_bath_url ?>/static/pc/image/index/banner_07.png" alt="jx7" class="bgimg">
                <div class="jx_item_info pa">
                    <img src="<?=$image_bath_url ?>/static/pc/image/index/banner07_font.png" alt="jx6_info"/>
                    <a href="javascript:;" class="link-more">查看更多 > </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 返回顶部 -->
<?= \Yii::$app->view->renderFile('@app/views/common/back-top.php');?>
    <!-- 微信扫描绑定手机信息 -->
    <div class="layer_webchat hide">
        <div class="layer_webchat_form">
            <h5 class="h5">验证手机，享受更全面的会员福利。</h5>
            <div class="form_input_group mt30">
                <div class="img_verification verification_input ">
                    <input type="text" class="img_verification_value v-text input_value js_img_code" placeholder="输入图形验证码"/>
                    <span class="img_show v-btn"><img src="<?=$image_bath_url ?>/static/pc/image/iconPng/code.png" alt="code"/></span>
                </div>
                <div class=" verification_input form_phone_group mt20">
                    <input type="text" class="phoneV_value v-text input_value js_phone" placeholder="输入手机号"/>
                    <button type="button" class=" phoneV_btn v-btn">获取手机验证码</button>
                </div>
                <div class="phone_verification  mt20">
                    <input type="text" class="input_value js_phone_code " placeholder="输入手机验证码"/>
                </div>
                <div class="user_login_btn mt30">
                    <button type="submit" class="user_login btn j-v-btn">验证<i class="icon arrow_icon"></i></button>
                </div>
            </div>
        </div>

    </div>
<?php
AppAsset::addJs($this,$image_bath_url."/static/pc/js/util/flickity.pkgd.min.js");
AppAsset::addJs($this,$image_bath_url."/static/common/layer/layer.js");
AppAsset::addJs($this,$image_bath_url."/static/pc/js/formValidate.js?ver=001");
AppAsset::addJs($this,$image_bath_url."/static/pc/js/index.js");
?>